<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="../css/checkInfo.css" rel="stylesheet">
        <link rel="stylesheet" href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/font-awesome/4.7.0/css/font-awesome.min.css">
        <script src="../js/checkInfo.js"></script>
		<title>确认订单</title>
        <style>
            .title {
                color:#fff;
                display: flex;
                align-items: center;
                font-size:4.3vw;
            }
        </style>
	</head>

    <body>
        <div class="wrapper">
            <div class="checkInfo">
                <p>确认订单</p>
            </div>

                <!---配送信息----->
            <div class="Info-detail">
                <p>订单配送至</p>
                <p style="font-weight: 700; font-size: 5vw;">天津大学北洋园校区格园一斋</p>
                <p>朴正熙先生 13969798999</p>
            </div>

                <!-----店铺信息----->
            <div class="Info-shop">
                <p id ="shop-name-in-check"></p>
            </div>

                <!---------点菜页面复现先欠着！------------->
            <ul class="business-dishes">
                <li>
                    <img src="/image/placeholder_img.png">
                    <div class="dishes-info-left">
                        <h3>棒打今日橙 x 2</h3>
                    </div>
                    <p>￥10</p>
                </li>
                <li>
                    <img src="/image/placeholder_img.png">
                    <div class="dishes-info-left">
                        <h3>棒打今日橙 x 3</h3>
                    </div>
                    <p>￥10</p>
                </li>
                <li>
                    <img src="/image/placeholder_img.png">
                    <div class="dishes-info-left">
                        <h3>棒打今日橙 x 3</h3>
                    </div>
                    <p>￥10</p>
                </li>
            </ul>

            <div class="peisong">
                <p class="left">配送费</p>
                <p class="right">￥3</p>
            </div>

                <!-----底部支付-------->
            <div class="pay">
                <div class="pay-left">
                    <p id="ttmoney" style="margin-left: 58vw;font-size: 4vw;">合计￥0</p>
                    <p id ="youhui" style="margin-left: 58vw; font-size: 2vw;color: red;">已优惠￥11.45</p>
                </div>

                <div class="pay-right">
                    <p>去支付</p>
                </div>
            </div>

        </div>
    </body>
</html>